<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <h2>Essential Links</h2>
    <ul>
      <li>
        <a href="bosszp://bosszhipin.app/openwith?type=openmain&tab=0&subtab=0&ba=%7B%22action%22%3A%22rta-dp%22%2C%22p%22%3A%22baidu%22%7D&backtext=%E7%99%BE%E5%BA%A6&backurl=baiduboxapp%3A%2F%2Fdonothing&backba=%7B%22action%22%3A%22dp-back%22%2C%22p%22%3A%22baidu%22%7D" target="_blank">
          百度
        </a>
      </li>
      <li>
        <a href="bosszp://bosszhipin.app/openwith?type=openmain&tab=0&subtab=0&ba=%7B%22action%22%3A%22rta-dp%22%2C%22p%22%3A%22baidu%22%7D&backtext=%E8%B4%B4%E5%90%A7&backurl=tbpb%3A%2F%2Ftieba.baidu.com&backba=%7B%22action%22%3A%22dp-back%22%2C%22p%22%3A%22tieba%22%7D" target="_blank">
          百度贴吧 Android
        </a>
      </li>
      <li>
        <a href="bosszp://bosszhipin.app/openwith?type=openmain&tab=0&subtab=0&ba=%7B%22action%22%3A%22rta-dp%22%2C%22p%22%3A%22baidu%22%7D&backtext=%E8%B4%B4%E5%90%A7&backurl=jdaea972f8fcb949430%3A%2F%2F&backba=%7B%22action%22%3A%22dp-back%22%2C%22p%22%3A%22tieba%22%7D" target="_blank">
          百度贴吧 iOS
        </a>
      </li>
      <li>
        <a href="bosszp://bosszhipin.app/openwith?type=openmain&tab=0&subtab=0&ba=%7B%22action%22%3A%22rta-dp%22%2C%22p%22%3A%22baidu%22%7D&backtext=%E5%A5%BD%E7%9C%8B&backurl=baiduhaokan%3A%2F%2Fdonothing&backba=%7B%22action%22%3A%22dp-back%22%2C%22p%22%3A%22baiduhaokan%22%7D" target="_blank">
          好看
        </a>
      </li>
      <li>
        <a href="bosszp://bosszhipin.app/openwith?type=openmain&tab=0&subtab=0&ba=%7B%22action%22%3A%22rta-dp%22%2C%22p%22%3A%22kuaishou%22%7D&backtext=%E8%BF%94%E5%9B%9E&backurl=kwai%3A%2F%2Faction%2FbringToFront&backba=%7B%22action%22%3A%22dp-back%22%2C%22p%22%3A%22kuaishou%22%7D" target="_blank">
          快手返回
        </a>
      </li>
      <br>
      <li>
        <a href="bosszp://bosszhipin.app/openwith?type=openmain&tab=0&subtab=0&ba=%7B%22action%22%3A%22rta-dp%22%2C%22p%22%3A%22kuaishou%22%7D&backtext=%E8%BF%94%E5%9B%9E&backurl=ksnebula%3A%2F%2Faction%2FbringToFront&backba=%7B%22action%22%3A%22dp-back%22%2C%22p%22%3A%22ksnebula%22%7D" target="_blank">
          快手急速版返回
        </a>
      </li>
      <li>
        <a href="bosszp://bosszhipin.app/openwith?type=openmain&tab=0&subtab=0&ba=%7B%22action%22%3A%22dp%22%2C%22p%22%3A%22vivo_feed%22%2C%22p2%22%3A%22F1%22%7D&backtext=__BTN_NAME__&backurl=__BACK_URL__&backba=%7B%22action%22%3A%22dp_back%22%2C%22p%22%3A%22vivo_feed%22%2C%22p2%22%3A%22F1%22%7D" target="_blank">
          问题
        </a>
      </li>
    </ul>
    <h2>Ecosystem</h2>
    <ul>
      <li>
        <a href="http://router.vuejs.org/" target="_blank">
          vue-router
        </a>
      </li>
      <li>
        <a href="http://vuex.vuejs.org/" target="_blank">
          vuex
        </a>
      </li>
      <li>
        <a href="http://vue-loader.vuejs.org/" target="_blank">
          vue-loader
        </a>
      </li>
      <li>
        <a href="https://github.com/vuejs/awesome-vue" target="_blank">
          awesome-vue
        </a>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'BOSS App'
    }
  },

}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1,
h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
